import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'

import Home from '../views/Home.vue'
import Main from '../views/Main.vue'
import About from '../views/About.vue'

const routes: RouteRecordRaw[] = [
  {
    path: '/',
    component: Main,
    children: [
      {
        path: '/',
        component: Home
      },
      {
        path: '/about',
        component: About
      }
    ]
  }
]

export default createRouter({
  routes,
  history: createWebHashHistory()
})